<script lang="ts">
  import { defineComponent, ref } from 'vue';
  import { Card } from 'ant-design-vue';
  import Icon from '@ant-design/icons-vue';
import { BasicTable } from '/@/components/Table';


  let props = {
    data: {
      type: Array,
    },
  };
  export default defineComponent({
    name: 'From',
    props,
    components: {
      Card,
      CardGrid: Card.Grid,
      Icon,
      BasicTable
    },
    setup(props) {
    const items:any= props.data
    









      return {
       items,
      };
    },
  });

  //   <CardGrid v-for="item in items" :key="item" class="!md:w-1/3 !w-full">
  //   <span class="flex">
  //     <!-- <span class="text-lg ml-4">{{ item.data }}</span> -->
  //   </span>
  //   <!-- <div class="flex mt-2 h-10 text-secondary">{{ item.desc }}</div> -->
  //   <div class="flex justify-between text-secondary">
  //     <!-- <span>{{ item.group }}</span>
  //     <span>{{ item.date }}</span> -->
  //   </div>
  // </CardGrid>
  
</script>

<template>
<CardGrid v-for="(item, index) in items" :key="item">
    <span class="text-lg ml-4">{{item}}</span>
</CardGrid>

</template>
